<template>
  <section class="hero-gradient text-white py-20 md:py-32">
    <div class="container mx-auto px-4 text-center">
      <h1 class="text-[clamp(2.5rem,5vw,4rem)] font-bold mb-6 leading-tight text-shadow">
        捕捉生活中的<span class="text-yellow-300">美好瞬间</span>
      </h1>
      <p class="text-[clamp(1rem,2vw,1.25rem)] max-w-3xl mx-auto mb-10 text-white/90">
        分享你的摄影作品，发现世界的精彩。加入我们的社区，让每一张照片都讲述一个故事。
      </p>
      <div class="flex flex-col sm:flex-row justify-center gap-4">
        <button class="btn-primary px-8 py-3 text-lg">
          <i class="fa fa-upload mr-2"></i>上传照片
        </button>
        <router-link to="/gallery" class="bg-white/10 hover:bg-white/20 text-white border border-white/30 px-8 py-3 text-lg rounded-lg transition-all duration-200">
          <i class="fa fa-search mr-2"></i>探索图库
        </router-link>
      </div>
    </div>
  </section>
</template>